<template>
  <view>
    <uni-nav-bar
      fixed="true"
      @click-left="back"
      left-text="返回"
      title="提现"
      left-icon="jiantou2"
      background-color="#007BC3"
      right-text="提现记录"
      @click-right="showdrawal"
    ></uni-nav-bar>
    <view :style="style"></view>
    <view class="grace-items">
      <view class="grace-label">微信账户</view>
      <input type="text" placeholder-style="color:#949393" class="input" name="name" placeholder="支付宝账户/手机号码">
    </view>
    <view style="line-height:30upx;color:#949393;margin:18upx 0 25upx 0;" class="line-heigt">钱将提到次账号,无法退还</view>
    <view class="grace-items grace-label_one">
      <view class="grace-label ">姓名</view>
      <input type="text" placeholder-style="color:#949393" class="input" name="name" placeholder="支付宝认证姓名">
    </view>
    <view class="grace-items">
      <view class="grace-label">联系电话</view>
      <input type="text" placeholder-style="color:#949393" class="input" name="name" placeholder="请输入联系电话">
    </view>
    <button @tap="next" class="btn">下一步</button>
  </view>
</template>

<script>
import uniNavBar from "@/components/uninavbar";
export default {
  data() {
    return {};
  },
  methods: {
    showdrawal() {
      uni.switchTab({
        url: "/pages/TabBar/Home/index"
      });
    },
    back() {
      console.log(41);
    },
    next(){
      console.log(132);
      
    }
  },
  computed: {
    style() {
      var systemInfo = uni.getSystemInfoSync();
      var systo = uni.getSystemInfo();
      console.log(systemInfo.statusBarHeight);
      var statusBarHeight = systemInfo.statusBarHeight;
      return `height:${statusBarHeight + 60}px`;
    }
  },
  components: {
    uniNavBar
  }
};
</script>

<style scoped lang="scss">
.uni-navbar-header-btns {
  width: 0px !important;
}
.grace-items {
  display: flex;
  width: 100%;
  height: 82upx;
  background: white;
  align-items: center;
  font-size: 30upx;
  .grace-label {
    flex: 1;
    text-align: left;
    font-weight: 600;
    padding-left: 51upx;
  }
  .input {
    flex: 2;
    text-align: left;
  }
}
.grace-label_one{
  margin: 27upx 0 54upx 0;
}
.btn{
  height: 66upx;
  color: white;
  background: #007BC3;
  width: 80%;
  margin: 0 auto;
  line-height: 66upx;
  margin-top: 54upx;
}
</style>